<template>
  
     <div class="liuxing">
      <span class="titleliuxing">{{titlename}}</span>
      <!-- a跳转至详情页 -->
      <a href="#" class="firsta">
        <span class="Tall" @click.stop="tiaozhuanya1">
          {{all}}
        </span>
      </a>
      <!-- 流行菜单组件  arr1-->
      <Hxsliuxingsmall></Hxsliuxingsmall>
    </div>
  

</template>

<script>
import Hxsliuxingsmall from './Hxsliuxingsmall.vue'
export default {
  data() {
    return {
      titlename:"流行菜单",
      all:"全部",
    };
  },
  methods:{
    tiaozhuanya1(){
      this.$router.push("/caidan/centercf101")
    }
  },
  components: {
    Hxsliuxingsmall,
  }
};
</script>


<style lang="scss" scoped>
.liuxing{
  width: 300px;
  height: 700px;
  // background-color: violet;
  position: absolute;
  right: 0;
  top:40px
}
.titleliuxing{
  font-weight: bold;
  font-size: 22px;
  margin-right: 150px;
  color: #C0AE7D;
}
.firsta{
  text-decoration: none;
}
.Tall{
  color:#dd3915 ;
}
</style>
